<link rel="match" href="reference/canvas-arcs-and-ellipses-ref.html" />
<style>
  canvas {
    border: 1px solid black;
    image-rendering: pixelated;
  }
</style>
<canvas id="canvas" width="125" height="125"></canvas>
<script>
  const canvas = document.getElementById("canvas")

  const context = canvas.getContext("2d");
  context.beginPath();
  context.arc(59, 55, 38, 5.3849570248895775, 2.9421639085067177);
  context.stroke();
  context.fill();

  context.beginPath();
  context.ellipse(20,20,15,8,1.2273132071162383,4.1926143018618225,2.8853539230051624);
  context.stroke();
  context.fill();
</script>
